<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加培训师</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <form class="layui-form layuimini-form " action="" lay-filter="example">
            <div class="layui-form-item">
                <label class="layui-form-label required" >姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入用户名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">身份证号</label>
                <div class="layui-input-block">
                    <input type="text" name="idCard" lay-verify="required"  placeholder="请输入姓名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">单选框</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="男" title="男" checked="">
                    <input type="radio" name="sex" value="女" title="女">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">学历</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择学历"></option>
                        <option value="0">大专及以下</option>
                        <option value="1">本科</option>
                        <option value="2">硕士</option>
                        <option value="3">博士</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入电话" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">工号</label>
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入电话" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">部门</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择部门"></option>
                        <option value="0">综合办</option>
                        <option value="1">总经理办公室</option>
                        <option value="2">经理办公室</option>
                        <option value="3">部长办公室</option>
                        <option value="4">科长办公室</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">科室</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择科室"></option>
                        <option value="0">综合办</option>
                        <option value="1">总经理办公室</option>
                        <option value="2">经理办公室</option>
                        <option value="3">部长办公室</option>
                        <option value="4">科长办公室</option>

                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">车间</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择车间"></option>
                        <option value="0">综合车间</option>
                        <option value="1">办公车间</option>
                        <option value="2">生产车间</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">工种</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择工种"></option>
                        <option value="低级工">低级工</option>
                        <option value="中级工">中级工</option>
                        <option value="高级工">高级工</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">银行卡号</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">银行开户行</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择银行"></option>
                        <option value="中国银行">中国银行</option>
                        <option value="中国农业银行">中国农业银行</option>
                        <option value="中国工商银行">中国工商银行</option>
                        <option value="中国建设银行">中国建设银行</option>
                        <option value="中国招商银行">中国招商银行</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">内训师积分</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">内训师等级</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="请选择等级"></option>
                        <option value="一等级">一等级</option>
                        <option value="二等级">二等级</option>
                        <option value="三等级">三等级</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">获得荣誉</label>
                <div class="layui-input-inline">
                    <select name="honor" lay-filter="aihao">
                        <option value="请选择荣誉"></option>
                        <option value="校优秀讲师">校优秀讲师</option>
                        <option value="市优秀讲师">市优秀讲师</option>
                        <option value="省优秀讲师">省优秀讲师</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">讲授课程</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                </div>
            </div>
        </form>

    </div>
</div>

<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit

        //自定义验证规则
        form.verify({
            name: function (value) {
                if (value.length < 5) {
                    return '用户名至少得5个字符啊';
                }
            }
            , pass: [
                /^[\S]{6,12}$/
                , '密码必须6到12位，且不能出现空格'
            ]
            , phone: [
                /^1[3-9]\d{9}$/
                , '电话号码为11位'
            ]
        });
        //监听提交
        form.on('submit(demo1)', function (data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });



    });
</script>

</body>
</html>